<template>
  <div class="salarys-container">
    <div class="app-container">
      <h2>
        工资
      </h2>
      <Son :num="100">
        <template #default="{data}">
          <!-- info就是插槽上传递的数据包裹了一层对象的数据 -->
          {{ data.name }}
          111222abc
        </template>
        <template #title>
          <h5>biaoti </h5>
        </template>
        <template #content>
          <div>内容</div>
        </template>
      </Son>
    </div>
  </div>
</template>

<script>
// 父传子 属性数据的传递, 但是不好传递结构
// 插槽: 挖坑 结构占位
import Son from './Son.vue'
export default {
  name: 'Salarys',
  components: {
    Son
  }
}
</script>

<style>

</style>
